@charset "utf-8";
/* CSS Document */

/*
    For Index.html
    
    Author:Tyh1k
    
*/

#optionBox{
    font-size:14px;
    padding-left:5px;
    margin-bottom:10px;
    margin-top:10px;
}

#optionBox span.options{
    border-top:1px; 
    border-right:2px;
    border-bottom:2px;
    border-left:1px;
    border-style:solid;
    border-color:#576b81;
    padding:2px 5px 2px 5px;
    margin:0px 5px 0px 5px;
    position:relative;
    cursor:pointer;  
    zoom:1;     /* for IE6 */
}

#optionBox span.options b{
    display:inline-block;
    overflow:hidden;
    height:0;
    width:0;
    border-left:7.5px dashed transparent;
    border-right:7.5px dashed transparent;
    border-top:7.5px solid #576b81;
    border-bottom:7.5px solid #transparent;
    margin-left:10px;
}

#optionBox span.options b ul{
    list-style:none;
    overflow:hidden;
    float:left;
    position:absolute;
    right:0px;
    top:21.5px;
    *width:50px;
    border:1px solid #576b81;
    background:#fff; 
    display:none;
    margin-top:5px;
    margin-top:3px\0;
    *margin-top:5px;    
}

#optionBox span.options b:hover ul{

    *width:50px;

}


#optionBox span.options:hover b{
    border-left:7.5px dashed transparent;
    border-right:7.5px dashed transparent;
    border-top:7.5px dashed transparent;
    border-bottom:7.5px solid #576b81;
}

#optionBox span.options b ul li:hover{
    background:#edf1f4;
}


#optionBox span.options b ul li{
    display:inline-block;
    width:100%;
    padding:2px 5px 2px 5px;       
    border-bottom:1px solid #576b81;
    
}


#optionBox span.options b ul li:last-child{
    
    border-bottom:none;
}

#optionBox span.options b ul li a{
    text-decoration:none;
    color:#576b81;
}

#content{
    width:100%;
    padding-top:10px;
}

#content ul{
    padding:0;
    list-style:none;
    color:#21759b;
}

#content ul li{
    padding:10px 0px 5px 0px;
    width:1005px;
}

#content ul li:first-child{
    color:#708da2;
    border-bottom:2px solid #708da2;
}

#content ul li:last-child{
    border-bottom:1px solid #708da2;
}

#content ul li:nth-child(odd){
    background:#F5F5F5;
}

#content ul li span{
    overflow:hidden;
}

#content ul li .title{
    margin-left:50px;
    display:inline-block;
    width:520px;
}


#content ul li .publisher{
    margin-left:20px;
    display:inline-block;
    width:200px;
}

#content ul li .publish_date{
    margin-left:20px;
    display:inline-block;
    width:190px;
}

#page-nav{
    width:100%;
    margin-top:10px;
    color:#555;
}

#page-nav .status{
    margin-left:0;
    display:inline-block;
}

#page-nav .navi-button{
    float:right;
    margin-right:80px;
    padding:0;
    padding-bottom:5px;
    vertical-align:middle;
    width:120px;    /* for IE6/7 */
    display:inline-block;   /* for IE6/7 */
}

#page-nav .navi-button .pre{
    display:inline-block;
    overflow:hidden;
    height:0;
    width:0;
    border-top:7.5px dashed transparent;
    border-bottom:7.5px dashed transparent;
    border-right:7.5px solid #576b81;
    margin-right:5px;
    cursor:pointer;
    vertical-align:middle;
}

#page-nav .navi-button .next{
    display:inline-block;
    overflow:hidden;
    height:0;
    width:0;
    border-top:7.5px dashed transparent;
    border-bottom:7.5px dashed transparent;
    border-left:7.5px solid #576b81;
    margin-left:5px;
    cursor:pointer;
    vertical-align:middle;
}

